<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* lsm-sidebar */
.left-side-menu, .lsm-popup.lsm-sidebar ul li, .lsm-container.lsm-mini .lsm-sidebar&gt;ul&gt;li.lsm-sidebar-item&gt;ul&gt;li.lsm-sidebar-item&gt;ul { background: #3b3e47; }
.left-side-menu {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.left-side-menu {
	height: calc(100% - 80px);
	width: 220px;
}
.lsm-expand-btn { height: 65px; }
.lsm-container {
	height: calc(100% - 65px);
	transition: all .3s;
	z-index: 100
}
.lsm-container li&gt;a.active {
	background: #cc2219;
	color: #fff;
}
.lsm-sidebar a {
	display: block;
	overflow: hidden;
	line-height: 40px;
	max-height: 40px;
	color: #2a2a2a;
	transition: all .3s;
	text-decoration:none;
}
.lsm-container ul:first-child &gt; li&gt; a, .lsm-container ul:first-child &gt; li&gt; a span {
	line-height: 55px;
	max-height: 55px;
}
.lsm-sidebar a span { margin-left: 30px; }
.lsm-sidebar .lsm-sidebar-item .lsm-sidebar-item &gt;ul&gt;li a span { margin-left: 60px; }
.lsm-sidebar-item { position: relative; }
.lsm-sidebar-item.lsm-sidebar-show { border-bottom: none; }
.lsm-sidebar-item ul {
	display: none;
	background: #eaeaea;
}
.lsm-sidebar-item.lsm-sidebar-show ul { display: block; }
.lsm-sidebar-item&gt;a:before {
	content: "";
	position: absolute;
	left: 0px;
	width: 2px;
	height: 40px;
	background: #206ccc;
	opacity: 0;
	transition: all .3s;
}
.lsm-sidebar-show&gt;a:before {
	content: "";
	position: absolute;
	left: 0px;
	width: 2px;
	height: 40px;
	background: #206ccc;
	opacity: 0;
	transition: all .3s;
}
.lsm-container ul:first-child&gt;li.lsm-sidebar-item&gt;a:before { height: 55px; }
.lsm-container ul:first-child&gt;li.lsm-sidebar-show&gt;a:before { height: 55px; }
.lsm-sidebar .lsm-sidebar-icon {
	font-size: 20px;
	position: absolute;
	margin-left: -1px;
}
/* 此处修改导航图标 可自定义iconfont 替换*/
.icon_1::after { content: "\e62b"; }
.icon_2::after { content: "\e669"; }
.icon_3::after { content: "\e61d"; }
.icon_3::after { content: "\e698"; }
.lsm-sidebar-more {
	float: right;
	margin-right: 20px;
	font-size: 12px;
	transition: transform .3s;
}
/* 导航右侧箭头 换用其他字体需要替换*/
.lsm-sidebar-more::after { content: "\e621"; }
.lsm-sidebar-show &gt; a &gt; i.my-icon.lsm-sidebar-more { transform: rotate(90deg); }
.lsm-sidebar-show, .lsm-sidebar-item&gt;a:hover {
	color: #2a2a2a;
	text-decoration: none;
	background: #eaeaea;
}
.lsm-sidebar-show&gt;a:before, .lsm-sidebar-item&gt;a:hover:before { opacity: 1; }
.lsm-sidebar-item li&gt;a:hover, .lsm-popup&gt;div&gt;ul&gt;li&gt;a:hover {
	color: #FFF;
	background: #6b98bf;
}
.lsm-mini-btn {
	height: 70px;
	width: 70px;
}
.lsm-mini-btn svg { margin: -10px 0 0 -10px; }
.lsm-mini-btn input[type="checkbox"] { display: none; }
.lsm-mini-btn path {
	fill: none;
	stroke: #ffffff;
	stroke-width: 3;
	stroke-linecap: round;
	stroke-linejoin: round;
--length: 24;
 --offset: -38;
	stroke-dasharray: var(--length) var(--total-length);
	stroke-dashoffset: var(--offset);
	transition: all .8s cubic-bezier(.645, .045, .355, 1);
}
.lsm-mini-btn circle {
	fill: #fff3;
	opacity: 0;
}
.lsm-mini-btn label {
	top: 0;
	right: 0;
}
.lsm-mini-btn label:hover circle { opacity: 1; }
.lsm-mini-btn input:checked+svg .line--1, .lsm-mini-btn input:checked+svg .line--3 { --length: 8.602325267;
}
.lsm-mini-btn .line--1, .lsm-mini-btn .line--3 { --total-length: 126.38166809082031;
}
.lsm-mini-btn .line--2 { --total-length: 80;
}
.lsm-mini-btn input:checked+svg .line--1, .lsm-mini-btn input:checked+svg .line--3 { --offset: -109.1770175568;
}
.lsm-mini .lsm-container, .lsm-mini .lsm-container { width: 60px; }
.lsm-container.lsm-mini .lsm-sidebar .lsm-sidebar-icon {/* margin-left:-2px; */ }
.left-side-menu.lsm-mini ul:first-child&gt;li.lsm-sidebar-item&gt;a span { display: none; }
.left-side-menu.lsm-mini ul:first-child&gt;li.lsm-sidebar-item&gt;a&gt; i.lsm-sidebar-more { margin-right: -20px; }
.lsm-container.lsm-mini .lsm-sidebar&gt;ul&gt;li.lsm-sidebar-item&gt;ul&gt;li.lsm-sidebar-item&gt;ul {
	display: none;
	position: absolute;
	top: 0px;
	left: 180px;
	width: 180px;
	z-index: 99;
	bottom: 0px;
	top: 0px;
	overflow: hidden;
}
.left-side-menu.lsm-mini ul:first-child &gt; li &gt; ul { display: none; }
.transform {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.lsm-popup div { background: #05161f; }
.lsm-popup {
	display: block;
	position: absolute;
	border: 3px solid rgba(60, 71, 76, 0);
}
.lsm-popup &gt; div &gt; a &gt; i.my-icon.lsm-sidebar-more { transform: rotate(90deg); }
.lsm-popup.second { left: 60px; }
.lsm-popup.third { left: 243px; }
.lsm-popup.third.lsm-sidebar &gt; div &gt; ul { display: block; }
.lsm-popup div { border-radius: 5px; }
.lsm-popup .lsm-sidebar-icon { display: none; }
.lsm-popup.lsm-sidebar a span { margin-left: 0px; }
.lsm-popup.lsm-sidebar &gt; div &gt; ul &gt; li.lsm-sidebar-item&gt;ul {
	position: absolute;
	top: 0px;
	left: 180px;
	width: 180px;
	z-index: 99;
}
.lsm-popup.lsm-sidebar ul { width: 180px; }
.lsm-popup.lsm-sidebar ul li { width: 180px; }
.lsm-popup.lsm-sidebar ul li:last-child, .lsm-popup&gt;div&gt;ul&gt;li:last-child&gt;a { border-radius: 0 0 5px 5px; }
</pre></body></html>